<script setup >

</script>




<template>
  <router-view></router-view>
  <!-- <div class="common-layout">
    <el-container>
      <el-header>

        <div class="log">
          LOGO
        </div>

        
        <ul class="nav">
          <li>首页</li>
          <li>家校互动</li>
          <li>局校通知</li>
          <li>消息统计</li>
          <li>用户统计</li>
          <li>学校管理</li>
        </ul>

      </el-header>
      <el-main>Main</el-main>
    </el-container>
  </div> -->
</template>
<style lang="scss" >
html,
body,
#app,
.common-layout{
  height: 100%;
}
</style>


<!-- <style lang="scss">
.common-layout {
  height: 100%;
  width: 100%;
  background-color: red;
}

html,
body,
#app {
  height: 100%;
}

el-header {
  float: left;
  width: 100%;
  height: 80px;
  background-color: aqua;
}

.log{
  font-size: 40px;
  font-weight: bold;
  color: white;
  float: left;
  margin-top: 15px;
  margin-left: 10px;
}

.nav{
  float: left;
  margin-left: 100px;
  margin-top: 0px;
  height: 100%;
  width: 600px;
  background-color: palevioletred;
}

.nav li{
  float: left;
  margin-top: 5px;
  margin-left: 80px;
  color: white;
  font-size: 15px;
}



</style>
 -->
